<template>
  <div class="swipe">
    <van-swipe :autoplay="3000">
      <van-swipe-item v-for="(image, index) in images" :key="index">
        <img v-lazy="image" />
      </van-swipe-item>
    </van-swipe>
  </div>
</template>
<script>

export default {
  name: 'swipe',
  data() {
    return {
      images: [
        require('../assets/haizei1.png'),
        require('../assets/haizei2.png'),
        require('../assets/haizei.png'),
      ],
    }
  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
</style>